<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="./css/index.css"/>
    <title>我的关注</title>
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/attention.js"></script>
	<script src="js/vip.js"></script>
	<!--退出登录-->
	<script src="js/loginOut.js"></script>
	<style>
		.promptMessage {
			padding: 10px;
			font: 20px "楷体";
			background-color: #FEF0F0;
			color: #F56C6C;
			/* background-color: #F0F9EB;
            color: #67C23A; */
			position: absolute;
			top: 100px;
			left: 50%;
			transform: translate(-50%, 0);
			margin-left: -50px;
			display: none;
		}

		.promptMessage img,
		.promptMessage span {
			float: left;
		}
	</style>
	<script>
		$(function (){
			//个人信息展示
			$.get(
					"loginServlet/loginStatus",
					function (data) {
						//头像
						let headerimg = "http://192.168.17.12:8060/"+data.headerimg;
						$("#headerimg").attr("src",headerimg);


						//关注数
						$("#followsum").text(data.followsum);

						//粉丝数
						$("#fansum").text(data.fansum);

						//手机号的显示
						let tel = data.tel;
						tel = tel.substring(0,3)+"****"+tel.substring(7);
						$("#phone").text(tel);

						//昵称显示
						$("#nickname-name").text(data.nickname);

						//真实姓名
						$("#realname-name").text(data.realname == null?"未完善":data.realname);

						//性别显示
						$("#selected-gender").text(data.sex == null?"未完善":data.sex);

						//生日显示
						$("#birthday").text(data.birthday == null?"未完善":data.birthday);

					}
			);
		});

	</script>
</head>
<body>
    <header>
		<div class="promptMessage"><img><span></span></div>
    	<div class="lf">
    		<a class="home" href="index.html">系统首页</a>
    		<!-- <a href="bbs.html">论坛</a> -->
    		<a href="upload.html">上传资料</a>
    	</div>
    	<div id="search">
    		<input type="text" name="name" 
    			placeholder="请输入要搜索的资源" autocomplete="off"/><a class="search btn">搜索</a>
    	</div>
    	
    	<div class="rf">
    		<div class="email-info">
				<b>99</b>
				<ul class="email-list">
					<li><a href="./message.html">官方<b>0</b></a></li>
					<li><a href="./message.html">通知<b>0</b></a></li>
					<li><a href="./message.html">私信<b>0</b></a></li>
				</ul>
			</div>
    		<a class="info" href="personal.html">个人中心</a>
    		<a class="cols" href="shoucang.html">收藏</a>
    		<a class="exit">退出登录</a>
    	</div>
    </header>
	
	<article>
		<div id="main">
			<section class="aside">
				<!-- 定义右侧窗口信息 -->
				<aside class="users">
					<img src="./images/unknown.png" id="headerimg"/>
					<div>
						<p>
							<a href="javascript:void(0);" id="nickname-name">─╀0vЁ灬残夜</a>
							<a class="modify" href="./modifypass.html">修改密码</a>
						</p>
						<p class="u">
							<a href="javascript:void(0);" id="realname-name">霍坤点</a>
							<a href="javascript:void(0);" id="phone">133****8401</a>
							<a href="javascript:void(0);" id="selected-gender">保密</a>
							<a href="javascript:void(0);" id="birthday">1987/08/27</a>
						</p>
					</div>
					
					<p onclick="vip(this)">
						<span class="lf"></span>开通VIP尊享特权<span class="rf"></span>
					</p>
					
					<div class="clearfix">
						<p class="download">下载权益</p>
						<p class="book">图书权益</p>
						<p class="vip">VIP文章</p>
						<p class="col">收藏特权</p>
					</div>
				</aside>

				<aside class="psl">
					<a class="focus-on" href="javascript:void(0)">关注数:<b id="followsum"></b></a>
					<a class="fan">粉丝数:<b id="fansum"></b></a>
				</aside>
			</section>
			<section>
			
				<h1 class="attent-title">人员关注信息</h1>
				
				<div class="bg-hr"></div>

				<div class="attent-list">
					<!-- 一个关注  -->
					<!--<div class="attent">
						<img src="./images/user.jpg" />
						<a class="lr">已关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">love爱有缘</span>
					</div>
					
					<div class="attent">
						<img src="./images/user.jpg" />
						<a class="qx">关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">love爱有缘</span>
					</div>
					
					<div class="attent">
						<img src="./images/user.jpg" />
						<a class="lr">已关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">love爱有缘</span>
					</div>
					
					<div class="attent">
						<img src="./images/user.jpg" />
						<a class="lr">已关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">love爱有缘</span>
					</div>
					
					<div class="attent">
						<img src="./images/user.jpg" />
						<a class="lr">已关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">love爱有缘</span>
					</div>
					
					<div class="attent">
						<img src="./images/user.jpg" />
						<a class="lr">已关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">love爱有缘</span>
					</div>
					
					<div class="attent">
						<img src="./images/user.jpg" />
						<a class="lr">已关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">love爱有缘</span>
					</div>
					
					<div class="attent">
						<img src="./images/user.jpg" />
						<a class="lr">已关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">love爱有缘</span>
					</div>
					
					<div class="attent">
						<img src="./images/user.jpg" />
						<a class="lr">已关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">love爱有缘</span>
					</div>
					
					<div class="attent">
						<img src="./images/user.jpg" />
						<a class="lr">已关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">love爱有缘</span>
					</div>-->
				</div>
				<!-- 清除浮动 -->
				<div class="clearfix"></div>
				<!-- 分页 -->
				<div class="pagination">
					<a class="left page-turning" mydata="上一页"></a>
					<a class="act pages">1</a>
					<a class="pages">2</a>
					<a class="pages">3</a>
					<a class="pages">4</a>
					<a class="pages">5</a>
					<a class="right page-turning" mydata="下一页"></a>
					<!--<a class="left"></a>
					<a class="act">1</a>
					<a>2</a>
					<a>3</a>
					<a>4</a>
					<a>5</a>
					<a class="right"></a>-->
					<select class="selectPage">
						<!--<option>1/5</option>
						<option>2/5</option>
						<option>3/5</option>
						<option>4/5</option>
						<option>5/5</option>-->
					</select>
				</div>
				<span class="ts"></span>
			</section>
			
		</div>
	</article>
	
	<footer>
		<p class="decro">本站所有资源信息均由网友上传,本站只是为了推广资源让更多读者下载,使用。如涉侵权，请联系管理员</p>
		<p class="cr">Copyright © 2021-2025 <span class="site">爱下载资源分享平台</span> All Rights Reserved.</p>
		<p class="num">沪ICP备14048333号</p>
	</footer>
	
	
</body>

</html>